.video-bottom{
    display: flex;
    justify-content:space-between;
    line-height: 32px;
    font-size: 18px;
    div{
        a{
            text-decoration:none;
        }
    }

}
.video-btn{
    color: black;
}
.video-bottom div{
    flex-direction: column;
}
.video-bottom1{
    color: #f76798;
    border-bottom: 3px solid #f76798;
    height: 32px;
    margin-left: 36px;
    font-size: 16px;
}
.video-bottom2{
    height: 32px;
    font-size: 16px;
}
.video-bottom3{
    width: 150px;
    border-radius: 15px;
    background-color: #f8fcfb;
    
    
}
.video-bottom3 span input{
    border-radius: 15px 0px 0px 15px;
    width: 96px;
    background-color: #f2f3f5;
    border: 0;
    text-indent: 1em;
    padding: 8px 0px;
}
.video-bottom3 span img{
    position: relative;
    top: 7px;
    left: 6px;
}
.icon{
    position: relative;
    display: flex;
    flex-direction: row;
    .icon-img{
        position: relative;
        top: 6px;
        img{
            border-radius: 24px;
        }
    }    
    div{
        flex-direction: row;
        margin-left:6px;

        img{
            border-bottom: 5px;
            width: 36px;
        }
        .icon-text1{
            font-weight: 500;
            line-height: 30.23px;
            height: 60%;
            font-size: 14px;
         
        }
        .icon-text2{
            font-size: 12px;
            color: #a299a9;
            

        }
        
    }
    .follow{
        position: absolute;
        right: 16px;
        top: 16px;
        background-color: #f76798;
        color: white;
        width: 64px;
        text-align: center;
        height: 26px;
        border-radius: 4px;
        line-height: 26px;
    }
}
.subject{
    background-color: #fefefe;
}


.homepage-title{
    position: relative;
    display: flex;  
    margin-top: 12px; 
    height: 20px;
    div{
        flex-direction: column;
    }  
    .title-act{
        background-color: #f4f4f4;
        color: #e782a4;
        border-radius: 10px;
        text-align: center;
        width: 50px;
        font-size: 14px;
    }
    .long-title{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        width: 75%;
        margin-left: 5px;
    }
    .title-img img{
        position: absolute;
        right: 16px;
        width: 24px;
    }
            
}
.look{
    display: flex;
    padding-top: 15px;
}
.look div{
    flex-direction: column;
    color: #b5b8bd;
    font-size: 0.4px;
}
.look div span{
    line-height: 22.84px;
}
.look div img{
    height: 16px;
}
table{
    
    padding-bottom: 15px;
}
.table-title td{
    font-size: 0.8px;
}
.table-img td img{
    width: 32px;
}
.list-item{
    display: flex;
    flex-direction: row;
    margin: 16px 0px;
    width: 100%;
    height: 85px;
    .item-left{
        width: 45%;
        padding-right: 10px;
    }
    .item-left img{
        border-radius: 10px;
        width: 100%;
        height: 100%;
    }
    .item-right{
        width: 50%;
        .right-title{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .right-name{
            margin: 5px 0px;
            font-size: 13px;
            text-indent: 1.5em;
            background: url("http://rn4tpusw7.hn-bkt.clouddn.com/up-logo.png") no-repeat 0;
            background-size: 16px;
        }
        .list-count{
            display: flex;
            font-size: 13px;
            .count-like{
                background: url("http://rn4tpusw7.hn-bkt.clouddn.com/look.png") no-repeat 0;
                background-size: 16px;
                text-indent: 1.5em;
            }
            .count-comment{
                margin-left: 5px;
                background: url("http://rn4tpusw7.hn-bkt.clouddn.com/danmu_black.png") no-repeat 0;
                background-size: 16px;
                text-indent: 1.5em;
            }

        }
    }
}




// .item-right div:nth-child(1){
//     width: 100%;
//     display: -webkit-box;
//     -webkit-box-orient: vertical;
//     -webkit-line-clamp: 2;
//     overflow: hidden;
// }
// .item-right div:nth-child(3){
   
//     display: flex;
//     flex-direction: row;
    
// }
// .item-right div:nth-child(2) {
//     padding-bottom: 10px;
//     padding-top: 10px;
// }
// .item-right div:nth-child(3) img{
//     width: 16px;
// }
